<template>
  <div v-cloak class="back" @tounchmove.prevent="">
    <div class="load">
      <van-loading type="spinner" color="#ffffff" style="color:#ffffff;" vertical>正在加载...</van-loading>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { Loading } from 'vant'

Vue.use(Loading)
export default {
  name: 'Load',
  created() {
    // this.$toast({
    //     type:'loading',
    //     message:'加载中...',
    //     loadingType:'spinner',
    //     duration:0
    // })
    // let $this = this
    // setTimeout(function () {
    //     $this.$toast({
    //         type:'loading',
    //         message:'加载中...',
    //         loadingType:'spinner',
    //         duration:100
    //     })
    // },1000)
  }

}
</script>

<style scoped lang="scss">
	.back {
		width: 100%;
		height: 100%;
		z-index: 99999;
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 0;
		left: 0;

	}

	.load {
		width: 200px;
		height: 200px;
		/*z-index: 999;*/
		// position: absolute;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0,0,0,0.5);
		border-radius: 10.0px;
	}
	::v-deep .van-loading__text{color: #ffffff;}
</style>
